<div class="lang">
    <lang-popover placement="bottom" trigger="click" class="" width="130">
        <a class="lang-link" href="javascript:;">
            {% if lang == 'us' %}
            <img src="../img/lang-us.png" width="32" alt="" class="img">
            <!--<span class="text">English</span>-->
            {% elseif lang == 'es' %}
            <img src="../img/lang-es.png" width="32" alt="" class="img">
            <!--<span class="text">español</span>-->
            {% elseif lang == 'cn' %}
            <img src="../img/lang-cn.jpg" width="32" alt="" class="img">
            <!--<span class="text">简体中文</span>-->
            {% elseif lang == 'hk' %}
            <img src="../img/lang-cn.jpg" width="32" alt="" class="img">
            <!--<span class="text">繁體中文</span>-->
            {% endif %}
            <!--<i class="icon icon-arrow-down"></i>-->
        </a>
        <div slot="content" class="lang-content">
            <ul class="list">
                <li class="item">
                    <a href="javascript:;" class="item-link js-lang" data-lang="cn">
                        <img src="../img/lang-cn.jpg" width="32" alt="" class="img">
                        <span class="text">简体中文</span>
                        {% if lang == 'cn' %}
                        <i class="icon icon-check"></i>
                        {% endif %}
                    </a>
                </li>
                <li class="item">
                    <a href="javascript:;" class="item-link js-lang" data-lang="hk">
                        <img src="../img/lang-cn.jpg" width="32" alt="" class="img">
                        <span class="text">繁體中文</span>
                        {% if lang == 'hk' %}
                        <i class="icon icon-check"></i>
                        {% endif %}
                    </a>
                </li>
                <li class="item">
                    <a href="javascript:;" class="item-link js-lang" data-lang="us">
                        <img src="../img/lang-us.png" width="32" alt="" class="img">
                        <span class="text">English</span>
                        {% if lang == 'us' %}
                        <i class="icon icon-check"></i>
                        {% endif %}
                    </a>
                </li>
                <li class="item">
                    <a href="javascript:;" class="item-link js-lang" data-lang="es">
                        <img src="../img/lang-es.png" width="32" alt="" class="img">
                        <span class="text">español</span>
                        {% if lang == 'es' %}
                        <i class="icon icon-check"></i>
                        {% endif %}
                    </a>
                </li>
            </ul>
        </div>
    </lang-popover>
</div>
